<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>折扣商城</title>
    <link rel="stylesheet" href="../css/aui.2.0.css">
    <!--<link rel="stylesheet" href="../css/aui.css">-->
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/discountMall.css">

</head>
<body style="background-color: #f0f0f0">
<!--搜索框-->
<header>
    <div class="aui-searchbar" id="search">
        <div class="aui-searchbar-input aui-border-radius">
            <i class="aui-iconfont aui-icon-search"></i>
            <input type="search" placeholder="请输入搜索内容" id="search-input">
            <div class="aui-searchbar-clear-btn" id="clean-search">
                <i class="aui-iconfont aui-icon-close"></i>
            </div>
        </div>
        <div class="aui-searchbar-btn aui-text-info" tapmode>搜索</div>
    </div>
</header>
<nav>
    <div class="dis-select-box" id="dis-select-box">
        <script type="text/x-handlebars-template" id="select-template">
            <select class="dis-shop-type" id="shop-type-box">
                {{#each this}}
                <option value="{{id}}">{{name}}({{count}})</option>
                {{/each}}
            </select>
            <select class="dis-shop-sort">
                <option value="">默认排序</option>
                <option value="priceDesc">价格由低到高</option>
                <option value="priceAsc">价格由高到低</option>
                <option value="salesDesc">销量由高到低</option>
            </select>
            <div class="dis-screen-btn">筛选</div>
            <div class="dis-screen">
                <div class="dis-screen-price">
                    <div class="dis-price-section">价格区间</div>
                    <div class="dis-screen-select">
                        <input type="number" class="dis-low-price" placeholder="最低价">
                        <div class="dis-price-line"></div>
                        <input type="number" class="dis-high-price" placeholder="最高价">
                    </div>
                    <div class="dis-price-section">商品销量</div>
                    <div class="dis-screen-select">
                        <input type="number" class="dis-low-sales" placeholder="最低销量">
                        <div class="dis-price-line"></div>
                        <input type="number" class="dis-high-sales" placeholder="最高销量">
                    </div>
                    <div class="aui-list-item-inner">
                        <label><input class="aui-radio servenBack" type="checkbox" name="radio2"> 退货免运费</label>
                    </div>
                    <div id="nmbConfirm">确定</div>
                </div>
            </div>
        </script>
    </div>
    <div id="dis-list-vessel">
        <!--<a href="javascript:;" class="display-box">
            <div class="dis-list-box">
                <div class="dis-shop-img">
                    <img src="../img/3.jpg" alt="">
                </div>
                <div class="dis-list-content">
                    <div class="dis-shop-detail">
                        <span>红包20.00元</span>
                        <span>退货免运费</span>
                        <span>我蠢萌蠢萌路飞没毛病</span>
                    </div>
                    <div class="dis-price">
                        <span>￥3999</span>
                        <span>￥9999</span>
                    </div>
                    <div class="dis-evaluate">
                        <span>1234评价</span>
                        <span>好评100%</span>
                    </div>
                    <div class="dis-sale">
                        销量：1234
                    </div>
                </div>
            </div>
        </a>
       -->
    </div>
    <div class="loading" >加载更多...</div>
    <div class="no-info">没有更多信息了...</div>
    <div class="footer-height"></div>
    <div class="all-mask"></div>
</nav>
<!--底部工具栏-->
<footer class="aui-bar aui-bar-tab" id="footer">
    <a href="homePage.html">
        <div class="aui-bar-tab-item " tapmode>
            <img src="../img/home_no.png" alt="" class="footer-icon-img">
            <div class="aui-bar-tab-label">首页</div>
        </div>
    </a>
    <a href="javascript:;">
        <div class="aui-bar-tab-item aui-active" tapmode>
            <img src="../img/discount_click.png" alt="" class="footer-icon-img">
            <div class="aui-bar-tab-label">折扣商城</div>
        </div>
    </a>
    <a href="jd_shop.html">
        <div class="aui-bar-tab-item" tapmode>
            <img src="../img/JD_click.png" alt="" class="footer-icon-img">
            <div class="aui-bar-tab-label">京东商城</div>
        </div>
    </a>
    <a href="cart.html">
        <div class="aui-bar-tab-item" tapmode>
            <!--<div class="aui-badge">99</div>-->
            <img src="../img/cart_no.png" alt="" class="footer-icon-img">
            <div class="aui-bar-tab-label">购物车</div>
        </div>
    </a>
    <a href="member.html">
        <div class="aui-bar-tab-item" tapmode>
            <!--<div class="aui-dot"></div>-->
            <img src="../img/member_no_click.png" alt="" class="footer-icon-img">
            <div class="aui-bar-tab-label">我的</div>
        </div>
    </a>
</footer>
<script type="text/x-handlebars-template" id="discount-list-template">
    {{#each products}}
    <a href="goodsDetail.html?productId={{id}}" class="display-box">
        <div class="dis-list-box">
            <div class="dis-shop-img">
                <!--<img src="../img/grey.gif" data-src="{{mainImageUrl}}" alt="">-->
                <img src="../img/lazy-img.jpg" data-src="{{mainImageUrl}}" alt="">
            </div>
            <div class="dis-list-content">
                <div class="dis-shop-detail">
                    <span class="hongbao">红包 <span>{{productHongbao}}</span>元</span>
                    <span class="shop-list-name">{{name}}</span>
                </div>
                <div class="dis-price">
                    <span>￥{{productPrice}}</span>
                    <span>￥{{productOrginPrice}}</span>
                </div>
                <div class="dis-evaluate">
                    <span>{{totalFeedback}}评价</span>
                    <span>好评 <span>{{percentFeedback}}</span></span>
                </div>
                <div class="dis-sale">
                    销量：<span>{{totalSales}}</span>
                </div>
            </div>
        </div>
    </a>
    {{/each}}
</script>
<script src="../js/jquery-3.0.0.min.js"></script>
<script src="../js/aui-lazyload.js"></script>
<script src="../js/config.js"></script>
<!--<script src="../js/search.js"></script>-->
<script src="../js/handlebars-v4.0.10.js"></script>
<script src="../js/common.js"></script>
<script src="../js/discountMall.js"></script>
<script src="../js/aui-lazyload.js"></script>
</body>
</html>